<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/lib/swiper/swiper.min.css">
    <link rel="stylesheet" href="/css/index.css">
    <script src="/lib/requirejs/require.min.js" data-main="/js/index"></script>
</head>

<body>
    <header></header>
    <div class="nav">
        <a href="http://localhost:8080"><img src="/images/logo.png"></a>
        <div class="bottom">
            <ul>
                <li><a href="http://localhost:8080/html/list.html">首页</a></li>
                <li><a href="http://localhost:8080/html/list.html">女鞋</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li><a href="http://localhost:8080/html/list.html">男鞋</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li><a href="http://localhost:8080/html/list.html">运动</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li><a href="http://localhost:8080/html/list.html">户外</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li class="ertong"><a href="http://localhost:8080/html/list.html">儿童</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li><a href="http://localhost:8080/html/list.html">箱包</a>
                    <div class="xiala1">

                    </div>
                </li>
            </ul>
            <form>
                <input type="text" class="input1">
                <input type="button" class="input2">
            </form>
        </div>
    </div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" id="lunbo1"><a href="#"></a></div>
            <div class="swiper-slide" id="lunbo2"><a href="#"></a></div>
            <div class="swiper-slide" id="lunbo3"><a href="#"></a></div>
            <div class="swiper-slide" id="lunbo4"><a href="#"></a></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    
    <div class="newPin">
        <div class="top">
            <h1>新品推荐</h1>
            <p>男女鞋</p>
            <p>运动</p>
        </div>
        <div class="bottom">
            <ul class="grid_1">
                
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="main_top">
            <h2>今日主推大牌</h2>
            <p>男女鞋</p>
            <p>运动</p>
            <ul>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
            <div class="main_nav">
                <a href="#" class="main_nav_left"></a>
                <a href="#" class="main_nav_right"></a>
                <div class="nav2">
                    <a href="#"><img src="/images/nav_1.png"></a>
                    <a href="#"><img src="/images/nav_2.png"></a>
                    <a href="#"><img src="/images/nav_3.png"></a>
                    <a href="#"><img src="/images/nav_4.png"></a>
                    <a href="#"><img src="/images/nav_5.png"></a>
                    <a href="#"><img src="/images/nav_6.png"></a>
                    <a href="#"><img src="/images/nav_7.png"></a>
                    <a href="#"><img src="/images/nav_8.png"></a>
                    <a href="#"><img src="/images/nav_9.png"></a>
                    <a href="#"><img src="/images/nav_10.png"></a>
                    <!-- <a href="#"></a>
                    <a href="#"></a> -->
                </div>
            </div>
        </div>

        <div class="main_bottom">
            <h3>品牌潮流资讯</h3>
            <p>BRAND FASHION</p>
            <ul>
                <li><a href="#"><img src="/images/main_bottom_1.jpg"></a></li>
                <li><a href="#"><img src="/images/main_bottom_1.jpg"></a></li>
                <li><a href="#"><img src="/images/main_bottom_2.jpg"></a></li>
            </ul>
            <ul class="bottom_ul2">
                <li><a href="#"><img src="./images/mian_bottom_ul1.jpg"><p>不一样的通勤鞋</p></a></li>
                <li><a href="#"><img src="./images/mian_bottom_ul2.jpg"><p>显瘦心机袜靴Pick</p></a></li>
                <li><a href="#"><img src="./images/mian_bottom_ul3.jpg"><p>赚足回头率的Sneaker</p></a></li>
                <li><a href="#"><img src="./images/mian_bottom_ul4.jpg"><p>你的酷男孩已上线</p></a></li>
            </ul>
        </div>
    </div>


    <script type="text/html" id="prod-temp">
        {{each ports curr}}
        <li><a href="http://localhost:8080/html/list.html">
            <div><img src="{{curr.img}}"></div>
        </a>
    <img src="{{curr.img2}}">
        <p><a href="#">{{curr.title}}</a></p>
        <span>￥{{curr.price}}</span>
        <i><a href="#"></a></i>
    </li>
    {{/each}}
    </script>
    <footer></footer>
</body>

</html>